<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ taglib prefix="m" uri="http://taglibs.mobylet.org/" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<m:charset/>" />
<title>なかまちず</title>
<c:import url="/jsp/m/keyword.jsp"/>
<style type="text/css">
<!--

body { background-color: #ffffff; }

h1 { 
	font-size: medium;
	font-weight: bold;
	border-top: 0px;
	border-left: 10px solid #99b3cc;
	border-right: 0px;
	border-bottom: 2px solid #99b3cc;
	padding: 1px 5px;
	margin: 1px 10px 1px 1px;
}

h2 {
	font-size: medium;
	font-weight: bold;
}

a:hover { background-color: white; }

input.err { background-color: orange; }

.ctl { margin: 10px 1px 10px 10px; }

-->
</style>

</head>
<body>
<div align="center">

<img src="/staticmap?key=${f:h(mapKey)}&cLat=${f:h(cLat)}&cLng=${f:h(cLng)}&zoom=${f:h(zoom)}&ran=${f:h(now)}"/>
</div>


<c:if test="${!empty errors}">
<c:forEach var="e" items="${f:errors()}">
<p style="color: red; font-weight: bold;">${f:h(e)}</p>
</c:forEach>
</c:if>

<c:if test="${!empty messages}">
<c:forEach var="m" items="${messages}">
<p style="color: blue; font-weight: bold;">${f:h(m)}</p>
</c:forEach>
</c:if>

<h1>コントロールパネル</h1>

<div style="margin: 3px 0px 0px 28px;">
<m:a href="/view?zoom=${zoom}&cLat=${cLat}&cLng=${cLng}&u=${f:h(angle)}&l=${f:h(angle)}" accesskey="1"><m:emoji name="左上" carrier="SOFTBANK"/></m:a>
<m:a href="/view?zoom=${zoom}&cLat=${cLat}&cLng=${cLng}&u=${f:h(angle)}" accesskey="2"><m:emoji name="上" carrier="SOFTBANK"/></m:a>
<m:a href="/view?zoom=${zoom}&cLat=${cLat}&cLng=${cLng}&u=${f:h(angle)}&r=${f:h(angle)}" accesskey="3"><m:emoji name="右上" carrier="SOFTBANK"/></m:a>
<c:if test="${zoom < 19}">
&nbsp;
<m:a href="/view?zoom=${zoom + 1}&cLat=${cLat}&cLng=${cLng}" accesskey="*">[＋]</m:a>
</c:if>
<c:if test="${zoom < 18}">
<m:a href="/view?zoom=${zoom + 2}&cLat=${cLat}&cLng=${cLng}">[++]</m:a>
</c:if>
</div>
<div style="margin: 3px 0px 0px 28px;">
<m:a href="/view?zoom=${zoom}&cLat=${cLat}&cLng=${cLng}&l=${f:h(angle)}" accesskey="4"><m:emoji name="左" carrier="SOFTBANK"/></m:a>&nbsp;&nbsp;&nbsp;&nbsp;<m:a href="/view?zoom=${zoom}&cLat=${cLat}&cLng=${cLng}&r=${f:h(angle)}" accesskey="6"><m:emoji name="右" carrier="SOFTBANK"/></m:a>
</div>
<div style="margin: 3px 0px 0px 28px;">
<m:a href="/view?zoom=${zoom}&cLat=${cLat}&cLng=${cLng}&d=${f:h(angle)}&l=${f:h(angle)}" accesskey="7"><m:emoji name="左下" carrier="SOFTBANK"/></m:a>
<m:a href="/view?zoom=${zoom}&cLat=${cLat}&cLng=${cLng}&d=${f:h(angle)}" accesskey="8"><m:emoji name="下" carrier="SOFTBANK"/></m:a>
<m:a href="/view?zoom=${zoom}&cLat=${cLat}&cLng=${cLng}&d=${f:h(angle)}&r=${f:h(angle)}" accesskey="9"><m:emoji name="右下" carrier="SOFTBANK"/></m:a>
<c:if test="${zoom > 0}">
&nbsp;
<m:a href="/view?zoom=${zoom - 1}&cLat=${cLat}&cLng=${cLng}" accesskey="#">[－]</m:a>
</c:if>
<c:if test="${zoom > 1}">
<m:a href="/view?zoom=${zoom - 2}&cLat=${cLat}&cLng=${cLng}">[--]</m:a>
</c:if>
</div>


<h1>ランドマーク一覧</h1>
<c:if test="${empty landMarkList}">
<p>ランドマークは追加されていません。</p>
</c:if>
<c:forEach var="mark" items="${landMarkList}">
<p>
<img src="/icon/google/marker_${f:h(mark.MIconName)}.gif"><b><m:a href="/view?cLat=${mark.latLng.latitude}&cLng=${mark.latLng.longitude}&zoom=${zoom}">${f:h(mark.name)}</m:a></b>
<m:a href="/m/editor?key=${f:h(mark.keyStr)}">編集</m:a>
<br>
${f:br(mark.comment)}
</p>
</c:forEach>

<h1>参加者一覧</h1>
<c:if test="${empty memberList}">
<p>まだ一人も参加していません。</p>
</c:if>
<c:forEach var="mark" items="${memberList}">
<p>
<img src="/icon/google/marker_${f:h(mark.MIconName)}.gif"><b><m:a href="/view?cLat=${mark.latLng.latitude}&cLng=${mark.latLng.longitude}&zoom=${zoom}">${f:h(mark.name)}</m:a></b>
<m:a href="/m/editor?key=${mark.keyStr}">編集</m:a>
<br>
${f:br(mark.comment)}
</p>
</c:forEach>

<h1>有効期限</h1>
<p>
<fmt:formatDate value="${expire}" pattern="yyyy/MM/dd HH:mm:ss"/>
</p>

<c:import url="/jsp/m/adsense.jsp"/>
<c:import url="/jsp/m/analytics.jsp"/>
</body>
</html>